<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // Promise是什么?      承诺  未来会发生的事情  （失败  成功）


        // 同步与异步  

        // 同步： 同一个空间度与世间度上只能做一件事情    等这个事情处理完后才能做下一件事件 
        //  异步： 同一个时间段可以做多件事件


        // function  fn1() {
        //     console.log(1)
        // }
        // function  fn2() {
        //     console.log(2)
        // }
        // function  fn3() {
        //     console.log(3)
        // }

        // fn1()
        // fn2()
        // fn3()


        // let arr=[1,2,3]

        // arr.forEach(item=>{
        //     console.log(item)
        // })


        // console.log('你好')



        // console.log('之前')       

        // setTimeout(()=>{
        //     console.log('xxx')
        // },0)

        // console.log('之后')




        //this    //回调函数    回调函数的this 指向window 

        let arr = [1, 2, 3]

        arr.forEach(item => {
            console.log(this)
            console.log(item)
        })

        let arr1 = [1, 2, 3]

        arr1.forEach(function (item) {
            console.log(this)
            console.log(item)
        })








        // console.log('你好')




        console.log('之前')

        setTimeout(() => {
            console.log(this)
            console.log('xxx')
        }, 0)

        console.log('之后')






    </script>
</body>

</html>